<div class="gf-form-group">
  <div class="grafana-info-box">
    <h5>表迁移</h5>
    <p>
      此面板已弃用。请迁移到新的“表”面板。
    </p>
    <p>
      <button class="btn btn-primary" ng-click="ctrl.migrateToPanel('table')">
        “移植到表”面板
      </button>
    </p>
    <p><b>注意:</b> 迁移后不会持久化排序。</p>
    <p ng-if="ctrl.panelHasRowColorMode">
      <b>注意:</b> 不再支持行颜色模式，将回退到单元格颜色模式。
    </p>
    <p ng-if="ctrl.panelHasLinks">
      <b>NOTE:</b> 指定单元格值的链接需要在迁移后手动更新。
    </p>
  </div>
  <h5 class="section-heading">数据</h5>
  <div class="gf-form gf-form--grow">
    <label class="gf-form-label width-8">表格变换</label>
    <div class="gf-form-select-wrapper">
      <select
        class="gf-form-input"
        ng-model="editor.panel.transform"
        ng-options="k as v.description for (k, v) in editor.transformers"
        ng-change="editor.transformChanged()"
      ></select>
    </div>
  </div>
  <div class="gf-form-inline">
    <div class="gf-form">
      <label class="gf-form-label width-8">柱</label>
    </div>
    <div class="gf-form" ng-repeat="column in editor.panel.columns">
      <label class="gf-form-label">
        <icon name="'times'" ng-click="editor.removeColumn(column)"></icon>
        <span>{{ column.text }}</span>
      </label>
    </div>
    <div class="gf-form" ng-show="editor.canSetColumns">
      <metric-segment
        segment="editor.addColumnSegment"
        get-options="editor.getColumnOptions()"
        on-change="editor.addColumn()"
      ></metric-segment>
    </div>
    <div class="gf-form" ng-hide="editor.canSetColumns">
      <label class="gf-form-label">
        汽车
        <info-popover mode="right-normal" ng-if="editor.columnsHelpMessage">
          {{ editor.columnsHelpMessage }}
        </info-popover>
      </label>
    </div>
  </div>
</div>

<div class="gf-form-group">
  <h5 class="section-heading">寻呼</h5>
  <div class="gf-form">
    <label class="gf-form-label width-8">每页行数</label>
    <input
      type="number"
      class="gf-form-input width-7"
      placeholder="100"
      data-placement="right"
      ng-model="editor.panel.pageSize"
      ng-change="editor.render()"
      ng-model-onblur
    />
  </div>
  <div class="gf-form max-width-17">
    <label class="gf-form-label width-8">字体大小</label>
    <div class="gf-form-select-wrapper width-7">
      <select
        class="gf-form-input"
        ng-model="editor.panel.fontSize"
        ng-options="f for f in editor.fontSizes"
        ng-change="editor.render()"
      ></select>
    </div>
  </div>
</div>
